.root {
	-only-base-color: #ffffff;
	/** #1abc9c; */
	-only-base-theme-color: #1abc9c;
	-only-base-component-color: #ffffff;
	-only-body-color: -only-base-component-color;
	/* -only-background-color: derive(-only-base-color, 26.4%); */
	/* -only-body-color: linear-gradient(to bottom, ladder(-only-base-theme-color, derive(-only-base-theme-color
		, 8%) 75%, derive(-only-base-theme-color, 10%) 80%),
		derive(-only-base-theme-color, -8%)); */
	/* #3672e0;#1abc9c */
	/*  -only-base-border-normal-color: #c5cad6;
    -only-base-border-hover-color: #1389ff;
    -only-base-border-pressed-color: #7dbeff;
    -only-base-border-focused-color: #409eff;
    -only-base-border-selected-color: #66b7ff;
    -only-base-border-disabled-color: #bcc2bd; */
	-only-base-border-normal-color: #c5cad6;
	-only-base-border-hover-color: derive(-only-base-theme-color, -50%);
	-only-base-border-pressed-color: derive(-only-base-theme-color, -25%);
	-only-base-border-focused-color: -only-base-theme-color;
	-only-base-border-selected-color: derive(-only-base-theme-color, 30%);
	-only-base-border-disabled-color: #bcc2bd;
	
	-only-base-border-shadow-highlight-color: rgba(0, 0, 0, 1.00); 

	/*  */
	/* -only-normal-base-color: rgba(255.0, 255.0, 255.0, 0.7);
    -only-hover-base-color: #2f92ff;
    -only-pressed-base-color: #55a6ff;
    -only-focused-base-color: #37a0ff;
    -only-selected-base-color: #58abf5;
    -only-disabled-base-color: #dadce0; */
	-only-base-theme-normal-color: -only-base-component-color;
	-only-base-theme-hover-color: derive(-only-base-component-color, -20%);
	-only-base-theme-pressed-color: derive(-only-base-component-color, 45%);
	-only-base-theme-focused-color: derive(-only-base-component-color, 20%);
	-only-base-theme-disabled-color: #dadce0;
	/*  */
	-only-base-text-normal-color: #000000;
	-only-base-text-hover-color: #ffffff;
	-only-base-text-pressed-color: #ffffff;
	-only-base-text-focused-color: #ffffff;
	-only-base-text-selected-color: #ffffff;
	-only-base-text-disabled-color: #9ea5b1;
	/*  */
	-only-base-selection-normal-color: #ffffff;
	-only-base-selection-hover-color: -only-base-theme-color;
	-only-base-selection-pressed-color: derive(-only-base-theme-color, -30%);
	-only-base-selection-focused-color: derive(-only-base-theme-color, 10%);
	-only-base-selection-selected-color: derive(-only-base-theme-color, 45%);
	-only-base-selection-disabled-color: #a7a7a7;
	/*  */
	-only-base-text-dark-color: black;
	-only-base-text-middle-color: #333;
	-only-base-text-light-color: white;
	-only-base-theme-text-color: ladder(-only-base-theme-color, -only-base-text-light-color 60%,
		-only-base-text-dark-color 46%, -only-base-text-dark-color 59%,
		-only-base-text-middle-color 45%);
	/***************************************************************************
     *                                                                         *
     * The main color palette from which the rest of the colors are derived.   *
     *                                                                         *
     **************************************************************************/
	/*浅灰色，是物体的底色。而不是使用
    * -fx-base，这个文件中的部分通常使用-fx-color。
    */
	-fx-base: -only-base-color;
	/*
    * 一种非常浅的灰色，用作窗户的背景。另请参阅
    * -fx-text-background-color，应该用作-fx-text-fill
    * 绘制在背景顶部的文本的值，背景颜色为-fx-background。
    */
	-fx-background: derive(-fx-base, 26.4%);
	/*
    * 用于文本框、密码框、列表、树和的内部
    * 表。请参阅-fx-text内色，它应该用作
    * -fx-text-fill value for text painted on top of background colored
    * 与-fx-control-inner-background *。
    */
	-fx-control-inner-background: derive(-fx-base, 80%);
	/* Version of -fx-control-inner-background for alternative rows */
	-fx-control-inner-background-alt: derive(-fx-control-inner-background, -2%);
	/* 其中一种颜色将根据梯子计算来选择
	*使用背景颜色的亮度。而不是使用这些
	*颜色直接作为-fx-text-fill值，这个文件中的部分应该
	*使用派生的颜色来匹配使用中的背景。参见:
	*
	* -fx-text-base-color用于-fx-base、-fx-color和-fx-body-color上的文本
	* -fx-text-background-color用于-fx-background顶部的文本
	* -fx-text-inner-color用于-fx-control-inner-color之上的文本
	* -fx-select -bar-text用于-fx-select -bar顶部的文本
     */
	-fx-dark-text-color: black;
	-fx-mid-text-color: #333;
	-fx-light-text-color: white;
	/*
    *亮蓝色用来突出/强调对象。例如:选择
    *文本;菜单、列表、树和表中的选定项;进度条
    */
	-fx-accent: -only-base-theme-color;
	/* 默认按钮的颜色，这是类似的口音，但更微妙 */
	-fx-default-button: #ABD8ED;
	/* 一个明亮的蓝色物体的聚焦指示器。通常用作
    *“聚焦”伪类的-fx-background-color中的第一个颜色。也
    *通常与-1.4 insets一起使用，提供发光效果。
     */
	-fx-focus-color: -only-base-border-focused-color;
	-fx-faint-focus-color: #039ED322;
	
	/* 用于样式化控件的颜色。默认值是基于的
    *在-fx-base上，但是被伪类改变以改变基色。
    *例如，“hover”伪类通常将-fx-color设置为
    * -fx-hover-base(见下面)和“武装的”伪类
    *设置-fx-color为-fx-press -base。
     */
	-fx-color: -fx-base;
	/* Chart Color Palette */
	CHART_COLOR_1: #f3622d;
	CHART_COLOR_2: #fba71b;
	CHART_COLOR_3: #57b757;
	CHART_COLOR_4: #41a9c9;
	CHART_COLOR_5: #4258c9;
	CHART_COLOR_6: #9a42c8;
	CHART_COLOR_7: #c84164;
	CHART_COLOR_8: #888888;
	/*图表调色板半透明
    *这些是用于需要上述颜色的半透明版本的图表，如BubbleChart。他们
    *是完全相同的颜色上面只是与阿尔法
    *
    * 20%的不透明度
     */
	CHART_COLOR_1_TRANS_20: #f3622d33;
	CHART_COLOR_2_TRANS_20: #fba71b33;
	CHART_COLOR_3_TRANS_20: #57b75733;
	CHART_COLOR_4_TRANS_20: #41a9c933;
	CHART_COLOR_5_TRANS_20: #4258c933;
	CHART_COLOR_6_TRANS_20: #9a42c833;
	CHART_COLOR_7_TRANS_20: #c8416433;
	CHART_COLOR_8_TRANS_20: #88888833;
	/* 70% opacity */
	CHART_COLOR_1_TRANS_70: #f3622db3;
	CHART_COLOR_2_TRANS_70: #fba71bb3;
	CHART_COLOR_3_TRANS_70: #57b757b3;
	CHART_COLOR_4_TRANS_70: #41a9c9b3;
	CHART_COLOR_5_TRANS_70: #4258c9b3;
	CHART_COLOR_6_TRANS_70: #9a42c8b3;
	CHART_COLOR_7_TRANS_70: #c84164b3;
	CHART_COLOR_8_TRANS_70: #888888b3;
	/***************************************************************************
     *                                                                         *
     * Colors that are derived from the main color palette.                    *
     *                                                                         *
     **************************************************************************/
	/* 比-fx-base颜色浅一点，用作-fx-color
    *“hovered”伪类状态。
     */
	-fx-hover-base: ladder(-fx-base, derive(-fx-base, 20%) 20%,
		derive(-fx-base, 30%) 35%, derive(-fx-base, 40%) 50%);
	/* 比-fx-base颜色深一点，用作-fx-color
     * "armed" pseudoclass state.
     *
     * TODO: should this be renamed to -fx-armed-base?
     */
	-fx-pressed-base: derive(-fx-base, -6%);
	/* 当要在其上绘制文本时，用于-fx-text填充的颜色
    *使用-fx-background颜色填充的背景。
     */
	-fx-text-background-color: ladder(-fx-background, -fx-light-text-color 60%, -fx-dark-text-color 46%
		, -fx-dark-text-color 59%, -fx-mid-text-color 45%);
	/* 比-fx-color深一点，用来在物体周围画方框
     * 例如进度条、滚动条、滚动窗格、树、表和列表。
     */
	-fx-box-border: -only-base-border-normal-color;
	/* 颜色比-fx背景深，用于在文本框周围绘制方框
    *密码框。
     */
	-fx-text-box-border: ladder(-fx-background, black 10%, derive(-fx-background, -15%)
		30%);
	/* 比-fx-背景亮，用于提供一个小的亮点时
    *需要在-fx-后台。这绝不是摩德纳的阴影
    *保持-fx-shadow-highlight-color名称与Caspian兼容。
     */
	-fx-shadow-highlight-color: ladder(-fx-background, rgba(255, 255, 255, 0.07)
		0%, rgba(255, 255, 255, 0.07) 20%, rgba(255, 255, 255, 0.07) 70%,
		rgba(255, 255, 255, 0.7) 90%, rgba(255, 255, 255, 0.75) 100%);
	/* 从比-fx颜色深一点的渐变到
    *比-fx颜色更暗的底部。通常是第二个
    *将-fx-background-color列表中的颜色作为周围的小细边框
    *控制。它通常与控件的大小相同(即insets,
    * 0)。
     */
	-fx-outer-border: -only-base-border-normal-color;
	/*一个渐变，从比-fx-color稍微亮一点的顶部到
    *底部颜色深一点。通常是第三种颜色
    * -fx-background-color列表作为一个薄的突出内外边框。
    * Insets通常为1。
     */
    
	
	/* -fx-inner-border: linear-gradient(to bottom, ladder(-fx-color, derive(-fx-color, 30%)
		0%, derive(-fx-color, 20%) 40%, derive(-fx-color, 25%) 60%,
		derive(-fx-color, 55%) 80%, derive(-fx-color, 55%) 90%,
		derive(-fx-color, 75%) 100%), ladder(-fx-color, derive(-fx-color, 20%)
		0%, derive(-fx-color, 10%) 20%, derive(-fx-color, 5%) 40%,
		derive(-fx-color, -2%) 60%, derive(-fx-color, -5%) 100%)); */
	-fx-inner-border-horizontal: linear-gradient(to right, derive(-fx-color, 55%),
		derive(-fx-color, -5%));
	-fx-inner-border-bottomup: linear-gradient(to top, derive(-fx-color, 55%),
		derive(-fx-color, -5%));
	/* 一个渐变，从比-fx-color稍微轻一点的顶部到
    *比-fx-color颜色深一点，用于填充
    *许多控件的主体，如按钮。
     */
	-fx-body-color: ladder(-fx-color, derive(-fx-color, 8%)
		75%, derive(-fx-color, 10%) 80%), derive(-fx-color, -8%);
	/* -fx-body-color: linear-gradient(to bottom, ladder(-fx-color, derive(-fx-color, 8%)
		75%, derive(-fx-color, 10%) 80%), derive(-fx-color, -8%)); */
	/* -fx-body-color: -only-body-color; */
	
	-fx-inner-border:-fx-body-color;
	
	-fx-body-color-bottomup: linear-gradient(to top, derive(-fx-color, 10%),
		derive(-fx-color, -6%));
	-fx-body-color-to-right: linear-gradient(to right, derive(-fx-color, 10%),
		derive(-fx-color, -6%));
	/* 在顶部绘制文本时用作-fx-text填充的颜色
    *填充-fx-base、-fx-color和-fx-body-color的背景。
     */
	-fx-text-base-color: ladder(-fx-color, -fx-light-text-color 60%, -fx-dark-text-color 46%,
		-fx-dark-text-color 59%, -fx-mid-text-color 45%);
	/* 在顶部绘制文本时用作-fx-text填充的颜色
    *背景填充-fx-control-inner-background。
     */
	-fx-text-inner-color: ladder(-fx-control-inner-background, -fx-light-text-color 45%,
		-fx-dark-text-color 46%, -fx-dark-text-color 59%, -fx-mid-text-color
		60%);
	/* 用于类似于标记的小对象的颜色，如检查上的检查
    *方框，单选按钮中的圆圈，滚动条上的箭头等。
     */
	-fx-mark-color: ladder(-fx-color, white 30%, derive(-fx-color, -63%) 31%);
	/* 用于标记状物体的小而薄的光“影”。通常用在
    *与-fx-mark-color连接，内嵌值为1 0 -1 0。 */
	-fx-mark-highlight-color: ladder(-fx-color, derive(-fx-color, 80%) 60%,
		white 70%);
	/* 比如菜单，列表，树，
    *和表。 */
	-fx-selection-bar: -fx-accent;
	/* 用于选择列表单元格等的背景颜色。这是当
    *该控件没有焦点或先前选定项目的行。 */
	-fx-selection-bar-non-focused: lightgrey;
	/* 在顶部绘制文本时用作-fx-text填充的颜色
    *背景填充-fx-select -bar。
     *
     * TODO: this can be removed
     */
	-fx-selection-bar-text: -fx-text-background-color;
	/* These are needed for Popup */
	-fx-background-color: inherit;
	-fx-background-radius: inherit;
	-fx-background-insets: inherit;
	-fx-padding: inherit;
	/* 在ListView/TreeView/TableView中用来表示悬停的颜色。 */
	-fx-cell-hover-color: #cce3f4;
	/** 焦点行，用于基于单元格的控件上的键盘焦点遍历 */
	-fx-cell-focus-inner-border: derive(-fx-selection-bar, 30%);
	/* 用于分页的颜色 */
	-fx-page-bullet-border: #acacac;
	-fx-page-indicator-hover-border: #accee5;
	-fx-focused-text-base-color: ladder(-fx-selection-bar, -fx-light-text-color 45%, -fx-dark-text-color
		46%, -fx-dark-text-color 59%, -fx-mid-text-color 60%);
	-fx-focused-mark-color: -fx-focused-text-base-color;
	/***************************************************************************
     *                                                                         *
     * Set the default background color for the scene                          *
     *                                                                         *
     **************************************************************************/
	-fx-background-color: null;
}

/******************************************************************************
 *                                                                            *
 * WindowButton                                                               *
 *                                                                            *
 ******************************************************************************/

/**最小化**/
.window-min {
	-fx-background-color: null;
	-fx-background-radius: 0.0;
}

.window-min>.image-view {
	-fx-image: url("../images/window/window_min_dark_normal.png");
}

.window-min:focused>.image-view {
	-fx-image: url("../images/window/window_min_dark_normal.png");
}

.window-min:hover>.image-view {
	-fx-image: url("../images/window/window_min_dark_hover.png");
}

.window-min:pressed>.image-view {
	-fx-image: url("../images/window/window_min_dark_press.png");
}

/**最大化**/
.window-max {
	-fx-background-color: null;
	-fx-background-radius: 0.0;
}

.window-max>.image-view {
	-fx-image: url("../images/window/window_max_dark_normal.png");
}

.window-max:focused>.image-view {
	-fx-image: url("../images/window/window_max_dark_normal.png");
}

.window-max:hover>.image-view {
	-fx-image: url("../images/window/window_max_dark_hover.png");
}

.window-max:pressed>.image-view {
	-fx-image: url("../images/window/window_max_dark_press.png");
}

/**还原**/
.window-restore {
	-fx-background-color: null;
	-fx-background-radius: 0.0;
}

.window-restore>.image-view {
	-fx-image: url("../images/window/window_restore_dark_normal.png");
}

.window-restore:focused>.image-view {
	-fx-image: url("../images/window/window_restore_dark_normal.png");
}

.window-restore:hover>.image-view {
	-fx-image: url("../images/window/window_restore_dark_hover.png");
}

.window-restore:pressed>.image-view {
	-fx-image: url("../images/window/window_restore_dark_press.png");
}

/**关闭 */
.window-close {
	-fx-background-color: null;
	-fx-background-radius: 0.0;
}

.window-close>.image-view {
	-fx-image: url("../images/window/window_close_dark_normal.png");
}

.window-close:focused>.image-view {
	-fx-image: url("../images/window/window_close_dark_normal.png");
}

.window-close:hover>.image-view {
	-fx-image: url("../images/window/window_close_dark_hover.png");
}

.window-close:pressed>.image-view {
	-fx-image: url("../images/window/window_close_dark_press.png");
}

/******************************************************************************
 *                                                                            *
 * Base                                                                       *
 *                                                                            *
 ******************************************************************************/

/* focused cell (keyboard navigation) */
.list-view:focused>.virtual-flow>.clipped-container>.sheet>.list-cell:focused,
	.tree-view:focused>.virtual-flow>.clipped-container>.sheet>.tree-cell:focused,
	.table-view:focused:row-selection>.virtual-flow>.clipped-container>.sheet>.table-row-cell:focused,
	.tree-table-view:focused:row-selection>.virtual-flow>.clipped-container>.sheet>.tree-table-row-cell:focused,
	.table-view:focused:cell-selection>.virtual-flow>.clipped-container>.sheet>.table-row-cell>.table-cell:focused,
	.tree-table-view:focused:cell-selection>.virtual-flow>.clipped-container>.sheet>.tree-table-row-cell>.tree-table-cell:focused
	{
	-fx-background-color: -only-base-selection-focused-color;
	-fx-background-insets: 0;
}



.button,
.toggle-button,
.check-box > .box,
.menu-button,
.choice-box,
.color-picker.split-button > .color-picker-label,
.combo-box-base,
.combo-box-base:editable > .arrow-button {
	-fx-background-color: -only-base-border-normal-color,-fx-body-color;
	-fx-background-insets: 0, 1;
    -fx-background-radius: 4px, 2.8px;
    -fx-effect: dropshadow(two-pass-box , rgba(0, 0, 0, 0.1), 5, 0.0 , 0, 2);
}

.button:focused,
.toggle-button:focused,
.check-box:focused > .box,
.menu-button:focused,
.choice-box:focused,
.color-picker.split-button:focused > .color-picker-label,
.combo-box-base:focused,
.slider:focused .thumb {
	-fx-background-color: -only-base-border-focused-color,-fx-body-color;
	-fx-text-fill: -only-base-border-focused-color;
}



.table-view .column-header,
.tree-table-view .column-header,
.table-view .filler,
.tree-table-view .filler,
.table-view > .column-header-background > .show-hide-columns-button,
.tree-table-view > .column-header-background > .show-hide-columns-button,
.table-view:constrained-resize .filler,
.tree-table-view:constrained-resize .filler {
    -fx-background-color: -fx-body-color;
    -fx-background-insets: 0, 0 1 1 0;
    -fx-font-weight: bold;
    -fx-size: 2em;
    -fx-text-fill: -fx-selection-bar-text;
    -fx-padding: 0.166667em;
}

/******************************************************************************
 *                                                                            *
 * Button                                                                     *
 *                                                                            *
 ******************************************************************************/
.button {
	-fx-background-color: -only-base-border-normal-color,-fx-body-color;
	-fx-background-insets: 0, 1;
}

.button:hover {
	-fx-background-color: -only-base-border-hover-color,-fx-body-color;
	-fx-text-fill: -only-base-border-hover-color;
}

.button:focused {
	-fx-background-color: -only-base-border-focused-color,-fx-body-color;
	-fx-text-fill: -only-base-border-focused-color;
}

.button:pressed {
	-fx-background-color: -only-base-border-pressed-color,-fx-body-color;
	-fx-text-fill: -only-base-border-pressed-color;
}
 
/*******************************************************************************
 *                                                                             *
 * ToggleButton                                                                *
 *                                                                             *
 ******************************************************************************/
 .toggle-button {
	-fx-background-color: -only-base-border-normal-color,-fx-body-color;
	-fx-background-insets: 0, 1;
}

.toggle-button:hover {
	-fx-background-color: -only-base-border-hover-color,-fx-body-color;
	-fx-text-fill: -only-base-border-hover-color;
}

.toggle-button:focused {
	-fx-background-color: -only-base-border-focused-color,-fx-body-color;
	-fx-text-fill: -only-base-border-focused-color;
}

.toggle-button:pressed {
	-fx-background-color: -only-base-border-pressed-color,-fx-body-color;
	-fx-text-fill: -only-base-border-pressed-color;
} 

.toggle-button:selected {
        -fx-background-color:
            -fx-shadow-highlight-color,
            linear-gradient(to bottom, derive(-fx-outer-border, -20%), -fx-outer-border),
            linear-gradient(to bottom,
                    derive(-fx-color, -22%) 0%,
                    derive(-fx-color, -13%) 20%,
                    derive(-fx-color, -11%) 50%);
    -fx-background-insets: 0 0 0 0, 0, 1;
}
.toggle-button:selected:focused {
    -fx-background-color:
        -fx-focus-color,
        linear-gradient(to bottom,
            derive(-fx-color, -22%) 0%,
            derive(-fx-color, -13%) 20%,
            derive(-fx-color, -11%) 50%),
        -fx-faint-focus-color,
        linear-gradient(to bottom,
            derive(-fx-color, -22%) 0%,
            derive(-fx-color, -13%) 20%,
            derive(-fx-color, -11%) 50%);
    -fx-background-insets: -0.2, 1, -1.4, 2.6;
    -fx-background-radius: 3, 2, 4, 0;
}

/******************************************************************************
 *                                                                            *
 * PillButton                                                                 *
 *                                                                            *
 ******************************************************************************/

/* ====   PILL BUTTONS   ==================================================== */
.button.left-pill{
    -fx-background-radius: 4 0 0 4, 2.8 0 0 2.8, 2 0 0 2, 1 0 0 1;
    -fx-background-insets: 0, 1;
    -fx-padding: 0.333333em 0.666667em 0.333333em 0.75em; /* 4 8 4 9 */
}

.button.center-pill {
    -fx-background-radius: 0;
    -fx-background-insets: 0 0 0 0, 1 0 1 0, 1 1 1 0, 2 2 2 1 ;
}
.button.right-pill {
    -fx-background-radius: 0 4 4 0, 0 2.8 3 2.8, 0 2 2 0, 0 1 1 0;
    -fx-background-insets: 0, 1;
}
.button.left-pill:focused{
    -fx-background-insets: -0.2 0 -0.2 -0.2, 1, 2, -1.4 0 -1.4 -1.4, 2.6;
    -fx-background-radius: 3 0 0 3, 2 0 0 2, 1 0 0 1, 4 0 0 4, 1 0 0 1;
}
.button.center-pill:focused {
    -fx-background-insets: -0.2 0 -0.2 -1, 1 1 1 0, 2 2 2 1, -1.4 0 -1.4 -1, 2.6 2.6 2.6 1.6;
    -fx-background-radius: 0, 0, 0, 0, 0;
}
.button.right-pill:focused{
    -fx-background-insets: -0.2 -0.2 -0.2 -1, 1 1 1 0, 2 2 2 1, -1.4 -1.4 -1.4 -1, 2.6 2.6 2.6 1.6;
    -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 1 1 0, 0 4 4 0, 0 1 1 0;
}

/*********/

.toggle-button.left-pill{
    -fx-background-radius: 4 0 0 4, 2.8 0 0 2.8, 2 0 0 2, 1 0 0 1;
    -fx-background-insets: 0, 1;
    -fx-padding: 0.333333em 0.666667em 0.333333em 0.75em; /* 4 8 4 9 */
}

.toggle-button.center-pill {
    -fx-background-radius: 0;
    -fx-background-insets: 0 0 0 0, 1 0 1 0, 1 1 1 0, 2 2 2 1 ;
}
.toggle-button.right-pill {
    -fx-background-radius: 0 4 4 0, 0 2.8 3 2.8, 0 2 2 0, 0 1 1 0;
    -fx-background-insets: 0, 1;
}
.toggle-button.left-pill:focused{
    -fx-background-insets: -0.2 0 -0.2 -0.2, 1, 2, -1.4 0 -1.4 -1.4, 2.6;
    -fx-background-radius: 3 0 0 3, 2 0 0 2, 1 0 0 1, 4 0 0 4, 1 0 0 1;
}
.toggle-button.center-pill:focused {
    -fx-background-insets: -0.2 0 -0.2 -1, 1 1 1 0, 2 2 2 1, -1.4 0 -1.4 -1, 2.6 2.6 2.6 1.6;
    -fx-background-radius: 0, 0, 0, 0, 0;
}
.toggle-button.right-pill:focused{
    -fx-background-insets: -0.2 -0.2 -0.2 -1, 1 1 1 0, 2 2 2 1, -1.4 -1.4 -1.4 -1, 2.6 2.6 2.6 1.6;
    -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 1 1 0, 0 4 4 0, 0 1 1 0;
}

.toggle-button:selected.left-pill:focused {
    -fx-background-insets: -0.2 0 -0.2 -0.2, 1, -1.4 0 -1.4 -1.4, 2.6;
    -fx-background-radius: 3 0 0 3, 2 0 0 2, 4 0 0 4, 0;
}
.toggle-button:selected.center-pill:focused {
    -fx-background-insets: -0.2 0 -0.2 -1, 1 1 1 0, -1.4 0 -1.4 -1, 2.6 2.6 2.6 1.6;
    -fx-background-radius: 0, 0, 0, 0;
}
.toggle-button:selected.right-pill:focused {
    -fx-background-insets: -0.2 -0.2 -0.2 -1, 1 1 1 0, -1.4 -1.4 -1.4 -1, 2.6 2.6 2.6 1.6;
    -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 4 4 0, 0;
}

.toggle-button:selected.left-pill {
    -fx-background-insets: 0 0 0 0, 0, 1;
    -fx-background-radius: 3 0 0 3, 2 0 0 2, 4 0 0 4, 0;
}
.toggle-button:selected.center-pill {
    -fx-background-insets: 0 0 0 0, 0, 1 0 1 0;
    -fx-background-radius: 0, 0, 0, 0;
}
.toggle-button:selected.right-pill {
    -fx-background-insets: 0 0 0 0, 0, 1;
    -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 4 4 0, 0;
}

/*******************************************************************************
 *                                                                             *
 * RadioButton                                                                 *
 *                                                                             *
 ******************************************************************************/
.radio-button>.radio {
	-fx-background-color: -only-base-border-normal-color,-fx-body-color;
	-fx-background-insets: 0.0, 1.0;
}

.radio-button:hover>.radio {
	-fx-background-color: -only-base-border-hover-color,-fx-body-color;
	-fx-text-fill: -only-base-border-hover-color;
}

.radio-button:pressed>.radio {
	-fx-background-color: -only-base-border-pressed-color,-onl-fx-body-color-fx-text-fill, -only-base-border-pressed-color;
}

.radio-button:focused>.radio {
	-fx-background-color: -only-base-border-focused-color, #ffffff;
	-fx-text-fill: -only-base-border-focused-color;
}

.radio-button:selected>.radio>.dot {
	-fx-background-color: -only-base-theme-color -only-base-theme-color;
	-fx-background-insets: -1.0 -1.0 -1.0 -1.0, 0.0;
}

/*******************************************************************************
 *                                                                             *
 * Check Box                                                                   *
 *                                                                             *
 ******************************************************************************/
.check-box>.box {
	-fx-background-color: -fx-outer-border, white;
	-fx-background-insets: 0.0, 1;
	-fx-background-radius: 0.0;
	-fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; /* 4 8 4 8 */
	-fx-text-fill: -fx-text-base-color;
	-fx-alignment: CENTER;
	-fx-content-display: LEFT;
}

.check-box:hover>.box {
	-fx-background-color: -only-base-border-hover-color, white;
}

.check-box:armed .box {
	-fx-background-color: -only-base-border-pressed-color, white;
}

.check-box:focused>.box {
	-fx-background-insets: 0.0, 1;
	-fx-background-radius: 0.0;
	-fx-background-color: -only-base-border-focused-color, white;
}

.check-box:selected>.box {
	-fx-background-color: -only-base-theme-color;
}

.check-box:show-mnemonics>.mnemonic-underline {
	-fx-stroke: -fx-text-base-color;
}

.check-box:selected>.box>.mark {
	-fx-background-color: white;
}

.check-box:indeterminate>.box>.mark {
	-fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
	-fx-background-insets: 1 0 -1 0, 0;
}

/***************************************/
.check-box {
	-fx-label-padding: 0.0em 0.0em 0.0em 0.416667em; /* 0 0 0 5 */
	-fx-text-fill: -fx-text-background-color;
}

.check-box>.box {
	-fx-background-radius: 0;
	-fx-padding: 0.166667em 0.166667em 0.25em 0.25em; /* 2 2 3 3 */
}

.check-box>.box>.mark {
	-fx-background-color: transparent;
	-fx-background-insets: 0.0;
	-fx-padding: 5.0px;
	-fx-shape: "M1,10L3,8L7,12L14,5L16,7L7,16Z"
		/*     -fx-background-color: null;
    -fx-padding: 0.416667em 0.416667em 0.5em 0.5em; 5 5 6 6
    -fx-shape: "M-0.25,6.083c0.843-0.758,4.583,4.833,5.75,4.833S14.5-1.5,15.917-0.917c1.292,0.532-8.75,17.083-10.5,17.083C3,16.167-1.083,6.833-0.25,6.083z"; */
}

.check-box:indeterminate>.box {
	-fx-padding: 0;
}

.check-box:indeterminate>.box>.mark {
	/* -fx-shape: "M0,0H10V2H0Z"; */
	-fx-shape: null;
	-fx-scale-shape: false;
	/* -fx-padding: 0.666667em; */ /* 16x16 = 8+8 */
	-fx-padding: 7.5px;
	-fx-background-color: -only-base-theme-color;
	-fx-background-insets: 4;
	/* -fx-background-color: -only-base-theme-color;
	-fx-background-insets: 2.8;
	-fx-padding: 3.0px;
	-fx-shape: null; */
}

/******************************************************************************
 *                                                                            *
 * ComboBox                                                                   *
 *                                                                            *
 ******************************************************************************/
.combo-box-base, .combo-box-base:editable>.arrow-button {
	-fx-background-color: -fx-outer-border, #ffffff;
	-fx-background-insets: 0, 1;
	-fx-background-radius: 3px, 3px, 2px, 1px;
	-fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; /* 4 8 4 8 */
	-fx-text-fill: #000000;
	-fx-alignment: CENTER;
	-fx-content-display: LEFT;
}

.combo-box-base:hover, .combo-box-base:editable>.arrow-button:hover {
	-fx-color: -fx-hover-base;
}

.combo-box-base:showing, .combo-box-base:editable:showing>.arrow-button
	{
	-fx-color: -fx-pressed-base;
}

.combo-box-base:focused {
	-fx-background-color: -fx-focus-color, -fx-inner-border, -fx-body-color,
		-fx-faint-focus-color, -fx-body-color;
	-fx-background-insets: -0.2, 1, 2, -1.4, 2.6;
	-fx-background-radius: 3, 2, 1, 4, 1;
}

.combo-box-base>.arrow-button>.arrow {
	-fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
	-fx-background-insets: 0 0 -1 0, 0;
	-fx-padding: 0.166667em 0.333333em 0.166667em 0.333333em; /* 2 4 2 4 */
	-fx-shape: "M 0 0 h 7 l -3.5 4 z";
}

.combo-box-base {
	-fx-padding: 0;
}

.combo-box-base>.arrow-button {
	-fx-background-radius: 0 3 3 0, 0 2 2 0, 0 1 1 0;
	-fx-padding: 0.5em 0.667em 0.5em 0.833333em; /* 6 8 6 10 */
	-fx-background-color: transparent;
}

/*******************************************************************************
 *                                                                             *
 * Editable ComboBox                                                           *
 *                                                                             *
 * The editable ComboBox TextBox inherits its properties from the TextBox      *
 * Control. Only the properties with values that are different from the        *
 * TextBox are specified here.                                                 *
 *                                                                             *
 ******************************************************************************/
.combo-box-base:editable>.arrow-button, .date-picker>.arrow-button {
	-fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color;
	-fx-background-insets: 1 1 1 0, 1, 2;
	-fx-background-radius: 0 3 3 0, 0 2 2 0, 0 1 1 0;
}

.combo-box-base:editable>.text-field, .date-picker>.text-field {
	-fx-background-color: linear-gradient(to bottom, derive(-fx-text-box-border, -10%),
		-fx-text-box-border),
		linear-gradient(from 0px 0px to 0px 5px, derive(-fx-control-inner-background
		, -9%), -fx-control-inner-background);
	-fx-background-insets: 1 0 1 1;
	-fx-background-radius: 2 0 0 2;
}

.combo-box-base:editable:focused, .date-picker:focused {
	-fx-background-color: -fx-focus-color;
	-fx-background-insets: -0.2;
	-fx-background-radius: 3;
}

.combo-box-base:editable:focused>.text-field, .combo-box-base:editable>.text-field:focused,
	.date-picker:focused>.text-field, .date-picker>.text-field:focused {
	-fx-background-color: -fx-control-inner-background,
		-fx-faint-focus-color,
		linear-gradient(from 0px 0px to 0px 5px, derive(-fx-control-inner-background
		, -9%), -fx-control-inner-background);
	-fx-background-insets: 1 0 1 1, 1 0 1 1, 3 2 3 3;
	-fx-background-radius: 2 0 0 2, 1 0 0 1, 0;
}

.combo-box-base:editable:focused>.arrow-button, .date-picker:focused>.arrow-button
	{
	-fx-background-color: -fx-inner-border, -fx-body-color,
		-fx-faint-focus-color, -fx-body-color;
	-fx-background-insets: 1, 2, 1, 2.6;
	-fx-background-radius: 0 2 2 0, 0 1 1 0, 0 1 1 0, 0 1 1 0;
}

/* -------------- STYLES FOR THE DEFAULT LISTVIEW-BASED COMBOBOX ------------- */
.combo-box-popup>.list-view {
	/*  -fx-background-color:
        linear-gradient(to bottom,
            derive(-fx-color,-17%),
            derive(-fx-color,-30%)
        ),
        -fx-control-inner-background;
    -fx-background-insets: 0, 1; */
	-fx-background-color: #ffffff;
	-fx-background-insets: 1;
	-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 12, 0.0, 0, 8);
}

.combo-box-popup>.list-view>.virtual-flow>.clipped-container>.sheet>.list-cell
	{
	-fx-padding: 4 0 4 5;
	/* No alternate highlighting */
	-fx-background: -fx-control-inner-background;
}

.combo-box-popup>.list-view>.virtual-flow>.clipped-container>.sheet>.list-cell:filled:hover
	{
	-fx-background: -fx-accent;
	-fx-background-color: -fx-selection-bar;
}

.combo-box-popup>.list-view>.virtual-flow>.clipped-container>.sheet>.list-cell:filled:selected,
	.combo-box-popup>.list-view>.virtual-flow>.clipped-container>.sheet>.list-cell:filled:selected:hover
	{
	-fx-background: -fx-accent;
	-fx-background-color: -fx-background, -fx-cell-focus-inner-border,
		-fx-background;
	-fx-background-insets: 0, 1, 2;
}

.combo-box-popup>.list-view>.placeholder>.label {
	-fx-text-fill: derive(-fx-control-inner-background, -30%);
}

/*******************************************************************************
 *                                                                             *
 * Choice Box                                                                  *
 *                                                                             *
 ******************************************************************************/
.choice-box {
	-fx-background-color: white;
	-fx-background-insets: 0.0;
	-fx-background-radius: 3.0;
	-fx-border-color: -only-base-border-normal-color;
	-fx-border-width: 1.0px;
	-fx-border-radius: 3.0;
}

.choice-box:hover {
	-fx-background-color: #e3e3e3;
	-fx-border-color: -only-base-border-hover-color;
}

.choice-box:focused {
	-fx-background-color: #f7f7f7;
	-fx-border-color: -only-base-border-focused-color;
}

.choice-box:pressed {
	-fx-background-color: #e1efff;
	-fx-border-color: -only-base-border-pressed-color;
}

.choice-box>.text {
	-fx-border-color: #000000;
	-fx-border-width: 1.0px;
}

.choice-box:focused>.text {
	-fx-border-color: #000000;
	-fx-border-width: 1.0px;
}

/*******************************************************************************
 *                                                                             *
 * ScrollBar                                                                   *
 *                                                                             *
 ******************************************************************************/
.scroll-bar:horizontal {
	/* -fx-min-height: 20.0px;
	-fx-pref-height: 20.0px; */
	-fx-background-color: null;
}

.scroll-bar:vertical {
	/* -fx-min-width: 30.0px;
	-fx-pref-width: 30.0px; */
	-fx-background-color: null;
}

/* .scroll-bar:focused {
	
}

.scroll-bar:vertical:focused {
	
} */
.scroll-bar>.thumb {
	-fx-background-radius: 8;
	-fx-background-color: rgba(120.0, 120.0, 120.0, 0.8);
}

.scroll-bar>.thumb:hover {
	-fx-background-color: rgba(90.0, 90.0, 90.0, 0.8);
}

.scroll-bar>.thumb:pressed {
	-fx-background-color: rgba(70.0, 70.0, 70.0, 0.8);
}

.scroll-bar:vertical>.thumb {
	-fx-background-radius: 8;
	-fx-background-color: rgba(120.0, 120.0, 120.0, 0.8);
}

.scroll-bar:horizontal>.thumb {
	-fx-background-radius: 8;
	-fx-background-color: rgba(120.0, 120.0, 120.0, 0.8);
}

/*******************************************************************************
 *                                                                             *
 * ScrollPane                                                                  *
 *                                                                             *
 ******************************************************************************/
.scroll-pane .viewport {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

.scroll-pane .viewport:focused {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

.scroll-pane .viewport:hover {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

.scroll-pane .viewport:pressed {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

.scroll-pane {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
}

.scroll-pane:hover {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
}

.scroll-pane:pressed {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
}

.scroll-pane .corner {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
}

/*****/
.scroll-pane>.scroll-bar:horizontal {
	-fx-background-color: null;
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:horizontal:hover {
	-fx-background-color: rgba(250.0, 250.0, 250.0, 0.6);
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:horizontal:pressed {
	-fx-background-color: rgba(220.0, 220.0, 220.0, 0.6);
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:horizontal:focused {
	-fx-background-color: rgba(230.0, 230.0, 230.0, 0.6);
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:horizontal>.increment-button, .scroll-pane>.scroll-bar:horizontal>.decrement-button
	{
	-fx-padding: 0.166667em 0.25em 0.25em 0.25em; /** 2 3 3 3 **/
	-fx-background-color: rgba(1.0, 1.0, 1.0, 0.1);
}

/*****/
.scroll-pane>.scroll-bar:vertical {
	-fx-background-color: null;
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:vertical:hover {
	-fx-background-color: rgba(250.0, 250.0, 250.0, 0.6);
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:vertical:pressed {
	-fx-background-color: rgba(220.0, 220.0, 220.0, 0.6);
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:vertical:focused {
	-fx-background-color: rgba(230.0, 230.0, 230.0, 0.6);
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:vertical>.increment-button, .scroll-pane>.scroll-bar:vertical>.decrement-button
	{
	-fx-padding: 0.25em 0.25em 0.25em 0.166667em; /** 3 3 3 2 **/
}

/******************************************************************************
 *                                                                            *
 * Menu                                                                       *
 *                                                                            *
 ******************************************************************************/
.context-menu {
	/*-fx-background-image:url( ../images/menu/menu_background.png);*/
	/*-fx-background-color: #858686;*/
	-fx-min-width: 140.0px;
	-fx-padding: 8.0 0.0 8.0 0.0;
	-fx-spacing: 3.0;
	-fx-background-width: 25.0;
	-fx-background-color: rgba(255.0, 255.0, 255.0, 0.8);
	-fx-background-radius: 3.0px;
	-fx-background-insets: 0.0 0.0 0.0 0.0;
}

/*.context-menu{
    -fx-background-color: #e6e6e6, rgb(255,255,255);
    -fx-background-radius: 3px,0px 3px 3px 0px;
    -fx-background-insets: 0 0 0 0,0 0 0 20;
    -fx-skin: "com.only.fx.skin.OnlyContextMenuSkin";
}*/
.menu-item {
	
}

.menu-item .graphic {
	-fx-width: 28.0px;
}

.menu-item:hover {
	-fx-background-color: rgba(160.0, 160.0, 160.0, 0.3);
}

.menu-item:pressed {
	-fx-background-color: rgba(110.0, 110.0, 110.0, 0.3);
}

.menu-item:focused {
	-fx-background-color: rgba(110.0, 110.0, 110.0, 0.3);
}

.menu-item:selected {
	-fx-background-color: rgba(160.0, 160.0, 160.0, 0.3);
}

.separator-menu-item {
	-fx-background-color: rgba(155.0, 155.0, 155.0, 0.8);
}

.separator-menu-item {
	-fx-color: rgba(0.0, 0.0, 0.0, 0.5);
	-fx-background-color: rgba(0.0, 0.0, 0.0, 0.8);
}

/*******************************************************************************
 *                                                                             *
 * ProgressBar                                                                 *
 *                                                                             *
 ******************************************************************************/
.progress-bar {
	-fx-indeterminate-bar-length: 60;
	-fx-indeterminate-bar-escape: true;
	-fx-indeterminate-bar-flip: true;
	-fx-indeterminate-bar-animation-time: 2;
}

.progress-bar>.bar {
	-fx-background-color: linear-gradient(to bottom, derive(-only-base-theme-color, -7%),
		derive(-only-base-theme-color, 0%),
		derive(-only-base-theme-color, -3%),
		derive(-only-base-theme-color, -9%));
	-fx-background-insets: 3 3 4 3;
	/*-fx-background-radius: 0.583em; */ /* 7 */
	-fx-background-radius: 5;
	/* -fx-padding: 0.75em; */
}

.progress-bar:indeterminate>.bar {
	-fx-background-color: linear-gradient(to left, transparent, -only-base-theme-color);
}

.progress-bar>.track {
	/* -fx-background-color: -fx-shadow-highlight-color,
		linear-gradient(to bottom, derive(-fx-text-box-border, -10%),
		-fx-text-box-border),
		linear-gradient(to bottom, derive(-fx-control-inner-background, -7%),
		derive(-fx-control-inner-background, 0%),
		derive(-fx-control-inner-background, -3%),
		derive(-fx-control-inner-background, -9%));
	-fx-background-insets: 0, 0 0 1 0, 1 1 2 1;
	-fx-background-radius: 4, 3, 2; 10, 9, 8 */
	-fx-background-color: -only-base-border-normal-color, #ffffff;
	-fx-background-insets: 0, 1;
	-fx-background-radius: 8, 8;
}

/*******************************************************************************
 *                                                                             *
 * Separator                                                                   *
 *                                                                             *
 ******************************************************************************/
.separator {
	/*-fx-background-color:null;*/
	-fx-background-insets: 1.0, 0.0 0.0 0.0 0.0;
}

.separator>.line {
	-fx-background-color: null;
}

/*******************************************************************************
 *                                                                             *
 * Slider                                                                      *
 *                                                                             *
 ******************************************************************************/
.slider .thumb {
	-fx-background-color: -only-base-theme-color;
	-fx-background-insets: 0.0, 1.0, 2.0;
	-fx-background-radius: 1.0em; /* makes sure this remains circular */
	-fx-padding: 0.583333em; /* 7 */
	-fx-effect: dropshadow(two-pass-box, rgba(0.0, 0.0, 0.0, 0.1), 5.0, 0.0,
		0.0, 2.0);
}

.slider:focused .thumb {
	-fx-background-radius: 1.0em; /* makes sure this remains circular */
}

.slider .track {
	-fx-background-color: rgba(187.0, 187.0, 187.0, 1.0);
	-fx-background-insets: 0.0 0.0 -1.0 0.0, 0.0, 1.0;
	-fx-background-radius: 0.25em, 0.25em, 0.166667em; /* 3 3 2 */
	-fx-padding: 0.25em; /* 3 */
}

.slider:vertical .track {
	-fx-background-color: rgba(187.0, 187.0, 187.0, 1.0);
}

.slider .axis {
	-fx-tick-label-fill: derive(-fx-text-background-color, 30.0%);
	-fx-tick-length: 5.0px;
	-fx-minor-tick-length: 3.0px;
	-fx-border-color: null;
}

/******************************************************************************
 *                                                                            *
 * TreeView                                                                   *
 *                                                                            *
 ******************************************************************************/
.tree-view>.virtual-flow>.scroll-bar:vertical {
	-fx-background-insets: 0.0, 0.0 0.0 0.0 1.0;
	-fx-padding: -1.0 -1.0 -1.0 0.0;
}

.tree-view>.virtual-flow>.scroll-bar:horizontal {
	-fx-background-insets: 0.0, 1.0 0.0 0.0 0.0;
	-fx-padding: 0.0 -1.0 -1.0 -1.0;
}

.tree-view>.virtual-flow>.corner {
	-fx-background-color: rgba(210.0, 210.0, 210.0, 1.0);
}

.tree-view:focused>.virtual-flow>.clipped-container>.sheet>.tree-cell:filled:selected
	{
	-fx-background: -only-base-theme-color;
	-fx-table-cell-border-color: derive(-fx-selection-bar, 20.0%);
}

/*******************************************************************************
 *                                                                             *
 * TableView                                                                   *
 *                                                                             *
 ******************************************************************************/
.table-view>.virtual-flow>.corner {
	-fx-background-color: rgba(210.0, 210.0, 210.0, 1.0);
}

.table-view>.virtual-flow {
	-fx-background-color: transparent;
	-fx-background-radius: 0.0;
}

.table-view>.column-header-background {
	-fx-background-color: rgba(195.0, 195.0, 195.0, 1.0),
		rgba(255.0, 255.0, 255.0, 0.8);
	-fx-background-insets: 0.0, 1.0;
	-fx-padding: 1.0;
}

/******************************************************************************
 *                                                                            *
 * TabPane                                                                    *
 *                                                                            *
 ******************************************************************************/
.tab-pane>.tab-header-area {
	-fx-padding: 0.0 0.0 0.0 0.0;
}

.tab-pane:top>.tab-header-area {
	-fx-padding: 0.0 0.0 0.0 0.0;
}

.tab-pane:bottom>.tab-header-area {
	-fx-padding: 0.0 0.0 0.0 0.0;
}

.tab-pane:left>.tab-header-area {
	-fx-padding: 0.0 0.0 0.0 0.0;
}

.tab-pane:right>.tab-header-area {
	-fx-padding: 0.0 0.0 0.0 0.0;
}

.tab-pane:top>*>.tab-header-area {
	-fx-background-insets: 0.0, 0.0 0.0 0.0 0.0;
	/* -fx-padding: 0.416667em 0.166667em 0.0em 0.833em; /* 5 2 0 10 */
	-fx-padding: 0.0 0.0 0.0 0.0;
}

.tab-pane>.tab-header-area>.tab-header-background {
	-fx-background-color: #ffffff;
	-fx-border-color: white white #e1e1e1 white;
	-fx-border-insets: 0.0;
}

.tab-pane {
	-fx-tab-min-width: 90.0px;
}

.tab-pane>.tab-header-area>.headers-region>.tab {
	-fx-background-insets: 0.0 1.0 0.0 0.0, 0.0, 0.0;
}

.tab-pane>.tab-header-area>.headers-region>.tab {
	-fx-background-color: #e6e6e6;
	-fx-background-radius: 0.0;
}

.tab-pane>.tab-header-area>.headers-region>.tab:selected {
	-fx-background-color: -only-base-theme-color;
	-fx-text-fill: -only-base-theme-text-color;
}

.tab-pane>.tab-header-area>.headers-region>.tab>.tab-label {
	-fx-alignment: CENTER;
	-fx-font-size: 12.0px;
	-fx-font-weight: bold;
}
.tab-pane>.tab-header-area>.headers-region>.tab:selected >.tab-container >.tab-close-button {
	/* -fx-text-fill: -only-base-theme-text-color; */
	-fx-text-fill: -only-base-theme-text-color;
}

.tab-pane>.tab-header-area>.headers-region>.tab:selected >.tab-container >.tab-label {
	/* -fx-text-fill: -only-base-theme-text-color; */
	-fx-text-fill: -only-base-theme-text-color;
}
/******************************************************************************
 *                                                                            *
 * WebView                                                                    *
 *                                                                            *
 ******************************************************************************/
.web-view {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

.web-view>.viewport {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

.web-view>.scroll-pane, .web-view>.scroll-pane>.viewport {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

.web-view>.track-background {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

/****透明的关键***/
.web-view>.virtual-flow>.corner {
	-fx-background-color: null;
}

.web-view>.scroll-bar:horizontal {
	-fx-background-color: rgba(250.0, 250.0, 250.0, 1.0);
}

.web-view>.scroll-bar:horizontal>.increment-button, .web-view>.scroll-bar:horizontal>.decrement-button
	{
	-fx-padding: 0.166667em 0.25em 0.25em 0.25em; /** 2 3 3 3 **/
	-fx-background-color: rgba(1.0, 1.0, 1.0, 0.1);
}

.web-view>.scroll-bar:vertical {
	-fx-background-color: rgba(250.0, 250.0, 250.0, 1.0);
}

.web-view>.scroll-bar:vertical>.increment-button, .web-view>.scroll-bar:vertical>.decrement-button
	{
	-fx-padding: 0.25em 0.25em 0.25em 0.166667em; /** 3 3 3 2 **/
}

/*******************************************************************************
 *                                                                             *
 * DatePicker                                                                  *
 *                                                                             *
 ******************************************************************************/
.date-picker>.arrow-button>.arrow {
	-fx-shape:
		"M0,0v9h9V0H0z M2,8H1V7h1V8z M2,6H1V5h1V6z M2,4H1V3h1V4z M4,8H3V7h1V8z M4,6H3V5h1V6z M4,4H3V3h1V4z M6,8H5V7h1V8z M6,6H5 V5h1V6z M6,4H5V3h1V4z M8,8H7V7h1V8z M8,6H7V5h1V6z M8,4H7V3h1V4z";
	-fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
	-fx-background-insets: 1 0 -1 0, 0;
	-fx-padding: 0.416667em 0.416667em 0.333333em 0.333333em; /* 5 5 4 4 */
	-fx-scale-shape: true;
}

.date-picker-popup {
	/* -fx-background-color:
        linear-gradient(to bottom,
            derive(-fx-color,-17%),
            derive(-fx-color,-30%)
        ),
        -fx-control-inner-background;
    -fx-background-insets: 0, 1; */
	-fx-background-color: rgba(255.0, 255.0, 255.0, 0.8);
	-fx-background-radius: 3.0px;
	-fx-background-insets: 0.0;
	-fx-background-radius: 0;
	-fx-alignment: CENTER; /* VBox */
	-fx-spacing: 0; /* VBox */
	-fx-padding: 0.083333em; /* 1 1 1 1 */
	-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 12, 0.0, 0, 8);
}

.date-picker-popup>.month-year-pane {
	-fx-padding: 0.588883em 0.5em 0.666667em 0.5em; /* 7 6 8 6 */
	-fx-background-color: derive(-fx-box-border, 30%),
		linear-gradient(to bottom, derive(-fx-base, -3%), derive(-fx-base, 5%)
		50%, derive(-fx-base, -3%));
	-fx-background-insets: 0 0 0 0, 0 0 1 0;
}

.date-picker-popup>*>.spinner {
	-fx-spacing: 0.25em; /* 3 */
	-fx-alignment: CENTER;
	-fx-fill-height: false;
	-fx-background-color: transparent;
}

.date-picker-popup>*>.spinner>.button {
	-fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color;
	-fx-background-insets: 0, 1, 2;
	-fx-color: transparent;
	-fx-background-radius: 0;
}

.date-picker-popup>*>.spinner>.button:focused {
	-fx-background-color: -fx-focus-color, -fx-inner-border, -fx-body-color,
		-fx-faint-focus-color, -fx-body-color;
	-fx-color: -fx-hover-base;
	-fx-background-insets: -0.2, 1, 2, -1.4, 2.6;
}

.date-picker-popup>*>.spinner>.button:hover {
	-fx-color: -fx-hover-base;
}

.date-picker-popup>*>.spinner>.button:armed {
	-fx-color: -fx-pressed-base;
}

.date-picker-popup>*>.spinner>.left-button {
	-fx-padding: 0 0.333333em 0 0.25em; /* 0 4 0 3 */
}

.date-picker-popup>*>.spinner>.right-button {
	-fx-padding: 0 0.25em 0 0.333333em; /* 0 3 0 4 */
}

.date-picker-popup>*>.spinner>.button>.left-arrow, .date-picker-popup>*>.spinner>.button>.right-arrow
	{
	-fx-background-color: -fx-mark-highlight-color, derive(-fx-base, -45%);
	-fx-background-insets: 1 0 -1 0, 0;
	-fx-padding: 0.333333em 0.166667em 0.333333em 0.166667em; /* 4 2 4 2 */
	-fx-effect: dropshadow(two-pass-box, -fx-shadow-highlight-color, 1, 0.0, 0, 1.4);
}

.date-picker-popup>*>.spinner>.button:hover>.left-arrow,
	.date-picker-popup>*>.spinner>.button:hover>.right-arrow {
	-fx-background-color: -fx-mark-highlight-color, derive(-fx-base, -50%);
}

.date-picker-popup>*>.spinner>.button:pressed>.left-arrow,
	.date-picker-popup>*>.spinner>.button:pressed>.right-arrow {
	-fx-background-color: -fx-mark-highlight-color, derive(-fx-base, -55%);
}

.date-picker-popup>*>.spinner>.button>.left-arrow {
	-fx-padding: 0.333333em 0.25em 0.333333em 0.166667em; /* 4 3 4 2 */
	-fx-shape:
		"M5.997,5.072L5.995,6.501l-2.998-4l2.998-4l0.002,1.43l-1.976,2.57L5.997,5.072z";
	-fx-scale-shape: true;
}

.date-picker-popup>*>.spinner>.button>.right-arrow {
	-fx-padding: 0.333333em 0.25em 0.333333em 0.166667em; /* 4 3 4 2 */
	-fx-shape:
		"M2.998-0.07L3-1.499l2.998,4L3,6.501l-0.002-1.43l1.976-2.57L2.998-0.07z";
	-fx-scale-shape: true;
}

.date-picker-popup>*>.spinner>.label {
	-fx-alignment: CENTER;
}

.date-picker-popup>.month-year-pane>.secondary-label {
	-fx-alignment: BASELINE_CENTER;
	-fx-padding: 0.5em 0 0 0; /* 6 0 0 0 */
	-fx-text-fill: #f3622d;
}

.date-picker-popup>.calendar-grid {
	-fx-background-color: derive(-fx-selection-bar-non-focused, 60%);
	/*-fx-background-insets: 1 0 0 0;*/
	-fx-padding: 0;
}

.date-picker-popup>*>.date-cell {
	-fx-background-color: transparent;
	-fx-background-insets: 1, 2;
	-fx-padding: 0;
	-fx-alignment: BASELINE_CENTER;
	-fx-opacity: 1.0;
}

.date-picker-popup>*>.day-name-cell, .date-picker-popup>*>.week-number-cell
	{
	-fx-font-size: 0.916667em;
}

.date-picker-popup>*>.week-number-cell {
	-fx-padding: 0.333333em 0.583333em 0.333333em 0.583333em; /* 4 7 4 7 */
	-fx-border-color: -fx-control-inner-background;
	-fx-border-width: 1px;
	-fx-background: -fx-control-inner-background;
	-fx-background-color: -fx-background;
	-fx-text-fill: -fx-accent;
}

.date-picker-popup>*>.day-cell {
	-fx-padding: 0.333333em 0.583333em 0.333333em 0.583333em; /* 4 7 4 7 */
	-fx-border-color: derive(-fx-selection-bar-non-focused, 60%);
	-fx-border-width: 1px;
	-fx-font-size: 1em;
	-fx-background: -fx-control-inner-background;
	-fx-background-color: -fx-background;
	-fx-text-fill: -fx-text-background-color;
}

.date-picker-popup>*>.hijrah-day-cell {
	-fx-alignment: TOP_LEFT;
	-fx-padding: 0.083333em 0.333333em 0.083333em 0.333333em; /* 1 4 1 4 */
	-fx-cell-size: 2.75em;
}

.date-picker-popup>*>.day-cell>.secondary-text {
	-fx-fill: #f3622d;
}

.date-picker-popup>*>.today {
	-fx-background-color: -fx-control-inner-background,
		derive(-fx-selection-bar-non-focused, -20%),
		-fx-control-inner-background;
	-fx-background-insets: 1, 2, 3;
}

.date-picker-popup>*>.day-cell:hover, .date-picker-popup>*>.selected,
	.date-picker-popup>*>.previous-month.selected, .date-picker-popup>*>.next-month.selected
	{
	-fx-background: -fx-selection-bar;
}

.date-picker-popup>*>.previous-month:hover, .date-picker-popup>*>.next-month:hover
	{
	-fx-background: -fx-selection-bar-non-focused;
}

.date-picker-popup>*>.today:hover, .date-picker-popup>*>.today.selected
	{
	-fx-background-color: -fx-selection-bar,
		derive(-fx-selection-bar-non-focused, -20%), -fx-selection-bar;
}

.date-picker-popup>*>.day-cell:focused, .date-picker-popup>*>.today:focused
	{
	-fx-background-color: -fx-control-inner-background,
		-fx-cell-focus-inner-border, -fx-control-inner-background;
	-fx-background-insets: 1, 2, 3;
}

.date-picker-popup>*>.day-cell:focused:hover, .date-picker-popup>*>.today:focused:hover,
	.date-picker-popup>*>.selected:focused, .date-picker-popup>*>.today.selected:focused
	{
	-fx-background-color: -fx-selection-bar, -fx-cell-focus-inner-border,
		-fx-selection-bar;
}

.date-picker-popup>*>.previous-month, .date-picker-popup>*>.next-month {
	-fx-background: derive(-fx-control-inner-background, -4%);
}

.date-picker-popup>*>.day-cell:hover>.secondary-text, .date-picker-popup>*>.previous-month>.secondary-text,
	.date-picker-popup>*>.next-month>.secondary-text, .date-picker-popup>*>.selected>.secondary-text
	{
	-fx-fill: -fx-text-background-color;
}

.date-picker-popup>*>.previous-month.today, .date-picker-popup>*>.next-month.today
	{
	-fx-background-color: derive(-fx-control-inner-background, -4%),
		derive(-fx-selection-bar-non-focused, -20%),
		derive(-fx-control-inner-background, -4%);
}

.date-picker-popup>*>.previous-month.today:hover, .date-picker-popup>*>.next-month.today:hover
	{
	-fx-background-color: -fx-selection-bar-non-focused,
		derive(-fx-selection-bar-non-focused, -20%),
		-fx-selection-bar-non-focused;
}


/*******************************************************************************
 *                                                                             *
 * Accordion                                                                   *
 *                                                                             *
 ******************************************************************************/

.accordion > .titled-pane > .title {
    -fx-background-color: -only-base-border-normal-color,-fx-body-color;
    -fx-background-insets: -1 0 0 0, 0 1 1 1, 1 2 2 2;
    -fx-background-radius: 0, 0, 0;
}
.accordion > .first-titled-pane > .title {
    -fx-background-insets: 0, 1, 2;
}


/*******************************************************************************
 *                                                                             *
 * Pagination                                                                  *
 *                                                                             *
 ******************************************************************************/


.pagination > .pagination-control > .control-box > .left-arrow-button {
    -fx-background-radius: 0 0 0 0, 0 0 0 0;
    -fx-background-insets: 0, 1;
    /* -fx-padding: 0em 0.417em 0em 0.833em; */ /* 0 5 0 10 */
    -fx-padding:0em 0em 0em 0em;
}
.pagination > .pagination-control > .control-box > .right-arrow-button {
    -fx-background-radius: 0 0 0 0, 0 0 0 0;
    -fx-background-insets: 0, 1;
    /* -fx-padding: 0em 0.75em 0em 0.417em; */ /* 0 9 0 5 */
    -fx-padding:0em 0em 0em 0em;
}
/* .pagination > .pagination-control .left-arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 0, 1;
    -fx-padding: 0.375em 0.291em 0.375em 0.291em;
    -fx-shape: "M 0 0 L -13 7 L 0 13 z";
    -fx-scale-shape: true;
}
.pagination > .pagination-control .right-arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 0, 1;
    -fx-padding: 0.375em 0.291em 0.375em 0.291em;
    -fx-shape: "M 0 0 L 13 7 L 0 13 z";
    -fx-scale-shape: true;
} */




/******************************************************************************
 *                                                                            *
 * OnlyPopup                                                                  *
 *                                                                            *
 ******************************************************************************/
.only-popup {
	-fx-effect: dropshadow(gaussian, rgba(0.0, 0.0, 0.0, 0.2), 10.0, 0.5,
		2.0, 2.0);
}

.only-popup>.content {
	-fx-background-color: rgba(255.0, 255.0, 255.0, 0.75);
}